<template>
   <div>
     <el-carousel direction="vertical" interval="150000">
      <el-carousel-item class="one">
        <el-main class="ifo ifo_one">
          <img src="https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/assets/xyzh.png?versionId=CAEQGBiBgMCs1PyZ5hciIDY1Yzk1NmM1Zjc5NzQzMDE4ODE4MTFmNjRjYmZlNzc1">
          <h2>小柚智汇——卓越生态管理平台</h2>
          <h4 class="Slogan">Slogan：小有智慧，大有成就</h4>
          <p>[ 小柚智汇 ] 是一个方便、好用的学习生活集成平台，小柚帮你记录美好生活，让你不止”小有智慧“，更让你做一个有效学习，高效管理的西邮人。</p>
          <p>本产品旨在服务于校内老师管理班级和同学日常学习总结的需求。本产品将完成PC端官网，小程序和APP的开发。校内师生以及校外人员可以通过官网了解计科卓越班的情况，班内同学和老师可以通过官网、小程序或APP三种方式访问内网，组长可将小组成员组织在一个圈子内，班内同学可以在这个圈子内发布自己的学习总结和笔记，组长可以及时了解到组内成员的学习近况，班长和老师也可以直接看到班内成员的学习进度。官网、小程序和APP三方数据同步，师生可通过手机随时随地便可完成操作，为同学学习提供便利，让班级管理更加方便。</p>
        </el-main>
      </el-carousel-item>

      <el-carousel-item class="two">
        <el-main class="ifo">
          <img src="https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/assets/image/youzi2.jpg?versionId=CAEQGBiBgMDM0vyZ5hciIGJiZmYyOThjYjA1ODQ5NGVhZTk5MjkwOTBlMzc4NDhi">
          <h2>【柚子时光】</h2>
          <p>回忆不变址，帮你记录迭代学习，节省存储空间，留住你的学习日志。</p>
        </el-main>
      </el-carousel-item>

      <el-carousel-item class="three">
        <el-main class="ifo">
          <img src="https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/assets/image/youzi4.jpg?versionId=CAEQGBiCgIDR0vyZ5hciIDkzMGUzYmM0NDU5ZDQ4M2ZiY2Q5MjQ1ODhiN2YyNWFm" style="height:130px;width:130px">
          <h2>【柚新通知】</h2>
          <p>老师、班委通知一步到位，迅速通知到每位同学。</p>
        </el-main>
      </el-carousel-item>

      <el-carousel-item class="four">
        <el-main class="ifo">
          <img src="https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/assets/image/youzi3.jpg?versionId=CAEQGBiBgIDR0vyZ5hciIDc1ODQ2ZTJkOTA0ZjRlYzk4OTZiNzM2ZmMxZGMxNjVk">
          <h2>【每周柚记】</h2>
          <p>每周总结，让你的学习更有成就。</p>
        </el-main>
      </el-carousel-item>

      <el-carousel-item>
        <el-main class="ifo">
          <img src="https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/assets/image/youzi5.jpg?versionId=CAEQGBiBgMDO0vyZ5hciIDcwZmMzY2MxMjRlMDRkMGY4YTU4ODQ2NDk1NDE2NGZj">
          <h2>【柚子体积】</h2>
          <p>个人等级体系，交流点赞提升积分。</p>
        </el-main>
      </el-carousel-item>
    </el-carousel>
   </div>
</template>

<script>
export default {
  name: '',
  props: {},
  components: {},
  data () {
    return {}
  },
}
</script>

<style scoped lang="less">
  .el-carousel /deep/ .el-carousel__container {
    position: relative;
    height: calc(100vh - 105px);
  }
  .el-carousel__item{
    height: calc(100vh - 105px);
  }
  .ifo{
    height: 600px;
    width: 1000px;
    margin-top: 20px;
    img{
      height: 80px;
      width: 80px;
    }
    .im{
        float: right;
        width: 300px;
        height: 300px;
    }
    p{
      text-indent: 2rem;
      line-height: 1.5rem;
    }
  }
  .ifo_one{
    width: 600px;
  }
  /deep/.el-carousel__indicator--vertical .el-carousel__button{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: sandybrown;
    background: url('https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/assets/image/youzi1.jpg?versionId=CAEQGBiBgMCd1vyZ5hciIGU3OWI1ZGJhMzllMDQ5ZTRiY2FhZmFmZDY0MjhiOGM5');
    background-size: cover;
  }
</style>
